table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

th, td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}

th {
    background-color: #f2f2f2;
}

tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* Style for the image */
.product-image {
    max-width: 100px;
    max-height: 100px;
}

body {
    background-color: #f8f8f8;
}

.container {
    margin-top: 50px;
}

#loginForm {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

#registerForm {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

h2 {
    text-align: center;
}

label {
    margin-bottom: 5px;
}

.form-group {
    margin-bottom: 20px;
}

.text-center {
    text-align: center;
}

.btn-block {
    display: block;
    width: 100%;
}

.text-danger {
    color: #d9534f;
}

/* Custom CSS for Navigation Bar */
header {
    background-color: #3f4247; /* Set the background color */
    padding: 10px 0; /* Add padding for better spacing */
}

.navbar-brand {
    font-size: 2rem; /* Larger font size for the brand name */
    font-weight: bold; /* Make the brand name bold */
    color: #ffffff !important; /* Set the text color to white */
}

.nav-info {
    display: flex; /* Make the container a flex container */
    justify-content: space-between; /* Space items evenly */
    align-items: center; /* Center items vertically */
}

.nav-link {
    color: #ffffff !important; /* Set the text color to white */
    margin-right: 15px; /* Adjust the spacing between navigation links */
    text-decoration: none; /* Remove underline from links */
    font-weight: bold; /* Make the links bold */
}

.nav-link:hover {
    color: #007bff; /* Set the color of the navigation links on hover */
}

/* Additional styles based on your needs */


.menu {
    width: 100%;
    height: 50px;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    background-color: #343a40;
    margin-bottom: 0px;
    padding-left: 11%;
}

.menu li a:hover {
    font-weight: 600;
    border: solid #cccccc;
    border-width: 0 0 2px 0;
}

.menu li {
    height: 50px;
    display: inline-flex;
    justify-content: space-around; /*margin-left: 140px;*/
    padding-top: 18px;
    margin-right: 100px;
}

.menu a {
    text-decoration: none;
    color: #cccccc;
}

.menu li a.active {
    font-weight: 600;
    border: solid #ffffff;
    border-width: 0 0 2px 0;
}

#name {
    width: 300px; /* Set a specific width */
    display: inline-block; /* Display the input as inline block */
    height: 60px;
}

/* Style for the search button */
#submitBtn {
    min-width: 150px; /* Set a minimum width */
    display: inline-block; /* Display the button as inline block */
    height: 60px;
}

/* Style for the page input */
#page {
    max-width: 120px; /* Set a maximum width */
    display: inline-block;
    margin-right: 1%;
}

/* Style for the pageNum select */
#pageNum {
    max-width: 120px; /* Set a maximum width */
    display: inline-block;
}

/* Style for the advanced search button */
#advanceSearch {
    min-width: 150px; /* Set a minimum width */
    height: 60px;
    display: inline-block;
}

#pageLabel{
    margin-left: 6%;
}

.footer {
    background-color: #333; /* Set the background color */
    color: #fff; /* Set the text color */
    padding: 20px 0; /* Add some padding */
}

.footer a {
    color: #fff; /* Set the link color */
}

.return {
    cursor: pointer; /* Add cursor pointer to indicate it's clickable */
}

.accordion {
    list-style: none; /* Remove default list styles */
    padding: 0;
}

.accordion li {
    margin-bottom: 10px; /* Add some spacing between list items */
}

.link {
    cursor: pointer; /* Add cursor pointer to indicate it's clickable */
}

.footer_qrcode {
    text-align: center; /* Center-align the content */
    padding-top: 20px; /* Add some padding at the top */
}

.footer_qrcode img {
    width: 100px; /* Set the width of the QR code image */
    margin-bottom: 10px; /* Add some spacing below the image */
}

.footer_qrcode p {
    margin-bottom: 10px; /* Add some spacing below the text */
}

.footer_qrcode hr {
    background-color: #fff; /* Set the color of the horizontal line */
    margin: 15px 0; /* Add margin above and below the line */
}

/* Copyright information */
.footer_qrcode span {
    display: block; /* Display each line of text as a block */
}

/* Styling for the "关注公众号" and "了解更多资讯" links */
.footer_qrcode a {
    color: #fff; /* Set the link color */
    margin-right: 10px; /* Add some spacing between the links */
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.container {
    flex: 1;
}